<?xml version="1" encoding="utf-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ru">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$site_title}</title>
<script src="/js/detectAjaxSupport.js"  type="text/JavaScript" charset="utf-8"></script>
{if $debug}<script src="/js/browser/keepieapart.js" type="text/javascript"></script>{/if}
<link rel="stylesheet" type="text/css" href="/css/styles.css" media="all" />
<link rel="stylesheet" type="text/css" href="/css/ajax-slideshow.css" media="all" />

<meta name="description" content="{$site_title}" />
<meta name="Author" content="Solutburo Web" />
<meta name="keywords" content="{$meta_keywords}" />
<meta name="Generator" content="Solutburo Hand ver.24.11" />
<meta name="robots" content="index, follow" />
<!--script src="/js/browser/detect.js"  type="text/javascript"  charset="utf-8"></script-->
{$xAjaxJS}
<script src="/js/ajax-slideshow.js"  type="text/javascript"  charset="utf-8"></script>
<script type="text/javascript"  charset="utf-8">
// <![CDATA[
{literal}
function initUI(){
   xajax_updateShoppingCart(); 
}

onload = initUI();
{/literal}
	// ]]>
</script>
</head>
<body>
<script type="text/JavaScript" charset="utf-8">
{literal}
// <![CDATA[
	
	// -----------------------------------------------------------------------------------
	// 
	// This page coded by Scott Upton
	// http://www.uptonic.com | http://www.couloir.org
	//
	// This work is licensed under a Creative Commons License
	// Attribution-ShareAlike 2.0
	// http://creativecommons.org/licenses/by-sa/2.0/
	//
	// Associated API copyright 2002, Travis Beckham (www.squidfingers.com)
	//
	// -----------------------------------------------------------------------------------
	// --- version date: 04/30/05 ------------------------------------------------------
	
	var photoDir = "i/cImgs/"; // Location of photos for gallery
	var borderSize = 0;	 // = 2x CSS border size
	
	// get current photo id from URL
	var thisURL = document.location.href;
	var splitURL = thisURL.split("#");
	var photoId = splitURL[1] - 1;
	
	// if no id in query string then set to 0
	photoId = (!photoId)? 0:photoId;
		
	// Define each photo's name, height, width, and caption
	{/literal}
	 {$jsList}
	{literal}
	// Number of photos in this gallery
	var photoNum = photoArray.length;
	
	// Create access to 'Detect' object and a place to put instances of 'HTMLobj'
	API = new Detect();
	
	// CREATE INSTANCES & LOAD
	loadAPI = function(){
		// Instantiate HTMLobj
		API.Container		= new HTMLobj('Container');
		API.Photo			= new HTMLobj('Photo');
		API.PhotoContainer	= new HTMLobj('PhotoContainer');
		API.LinkContainer	= new HTMLobj('LinkContainer');
		API.PrevLink		= new HTMLobj('PrevLink');
		API.NextLink		= new HTMLobj('NextLink');
		//API.CaptionBlock	= new HTMLobj('CaptionBlock');
		//API.Counter			= new HTMLobj('Counter');
		//API.Caption			= new HTMLobj('Caption');
		API.LoadImg			= new HTMLobj('LoadImg');
		
		// Show initial photo
		cyclePhoto(photoId);
	}
	onload = loadAPI;
	
	// Fade in photo when it is loaded from the server
	initFade = function(){
		// Show PhotoContainer again
		API.PhotoContainer.show();
		
		// Be certain the tween is complete before fading, too
		var fade_timer = setInterval('startFade()', 1000);
						
		// Fade photo in when ready and clear listener
		startFade = function(){
			if(API.Container._tweenRunning == false){
				clearInterval(fade_timer);
				
				// Be certain fade is done running before allowing next/previous links to work
				// This avoids rapid fade-in when users click next/previous links in quick succession
				var adv_timer = setInterval('permitNextPrev()', 500);
				
				// Permit next/previous links to function normally when fade is completed
				permitNextPrev = function(){
					if(API.Photo._fadeRunning == false){
						clearInterval(adv_timer);
						
						// Only show links if there is more than one photo in array
						if(photoNum > 1){
							API.LinkContainer.displayShow();
							document.getElementById('NextLink').onclick = nextPhoto;
							document.getElementById('PrevLink').onclick = prevPhoto;
						}
					} else {
						return;
					}
				}
				// Swap out loading animation to spare CPU cycles when hidden anyway
				API.LoadImg.setSrc("images/slideshow/start.gif");
				
				// Show caption again
				//API.CaptionBlock.show();
				
				// Fade photo in
				API.Photo.fadeIn(0,15,33);
			} else {
				return;
			}
		}
	}
	
	// Prevent next/previous
	falsify = function(){
		return false;
	}
	
	// Go to next photo
	nextPhoto = function(){
		// Go to next photo
		if(photoId == (photoArray.length - 1)){
			photoId = 0;
		} else {
			photoId++;
		}
		cyclePhoto(photoId);
	}
	
	// Go to previous photo
	prevPhoto = function(){
		// If at start, go back to end
		if(photoId == 0){
			photoId = photoArray.length - 1;
		} else {
			photoId--;
		}
		cyclePhoto(photoId);
	}
	
	// Alter class of elements
	changeElementClass = function(objId,setClass) {
		document.getElementById(objId).className = setClass;
	}
	
	// Function to load subsequent photos in gallery
	cyclePhoto = function(photoId){
				
		// Swap in loading animation
		API.LoadImg.setSrc("/images/slideshow/loading_ani2.gif");
		
		// Hide link container if it is not already hidden
		API.LinkContainer.displayHide();
		
		// Hide photo container and caption temporarily
		API.Photo.hide();
		API.Photo.setOpacity(0);
		//API.CaptionBlock.hide();
		
		// Get dimensions of photo
		var wNew = photoArray[photoId][1];
		var hNew = photoArray[photoId][2];
		
		// Start tween on a delay
		var wCur = API.Container.getWidth() - borderSize;
		var hCur = API.Container.getHeight() - borderSize;
		
		// Begin tweening on a short timer
		setTimeout('API.Container.tweenTo(easeInQuad, ['+wCur+', '+hCur+'], ['+wNew+','+hNew+'], 7)',500);
		setTimeout('API.LinkContainer.sizeTo('+wNew+','+hNew+')',500);
		setTimeout('API.PrevLink.sizeTo('+wNew/2+','+hNew+')',500);
		setTimeout('API.NextLink.sizeTo('+wNew/2+','+hNew+')',500);
		//setTimeout('API.CaptionBlock.sizeTo('+wNew+',18)',500);
		
		// Get new photo source
		var newPhoto = photoDir + photoArray[photoId][0];
		
		// Set source, width, and height of new photo
		API.Photo.setSrc(newPhoto);		
		API.Photo.sizeTo(wNew,hNew);
		
		// Set links to new targets based on photoId
		API.NextLink.setHref("#" + (photoId+1));
		API.PrevLink.setHref("#" + (photoId+1));
		//API.Counter.setInnerHtml((photoId+1)+" of "+photoNum+" |");
		//API.Caption.setInnerHtml(photoArray[photoId][3]);
		
		// Event listeners for onload and onclick events
		document.getElementById('Photo').onload = initFade;
		
		// Block next/previous links until permitNextPrev() has fired
		document.getElementById('NextLink').onclick = falsify;
		document.getElementById('PrevLink').onclick = falsify;
	}

	// ]]>
{/literal}
</script>
<!-- Detect support for cookies and Ajax and display message if not -->        
<div id="supportError">
    <noscript>
        <div>JavaScript appears to be either disabled or unsupported by your browser.
        This web application requires JavaScript to function properly.
        Please enable JavaScript in your browser settings,
        or upgrade to a browser with JavaScript support and try again.</div>
    </noscript>
    {literal}
    <script type="text/javascript">
    <!--
    
    if (!browserSupportsCookies())
    {
        var msg = '<div>Cookies appear to be either disabled or unsupported by your browser. '
        msg += 'This web application requires Cookies to function properly. ';
        msg += 'Please enable Cookies in your browser settings ';
        msg += 'or upgrade to a browser with Cookie support and try again.<\/div>'
        
        document.write(msg);
    }
    
    if (!browserSupportsAjax())
    {
        var msg = '<div>Your browser does not appear to support Ajax technology. '
        msg += 'This web application requires Ajax to function properly. ';
        msg += 'Please upgrade to a browser with Ajax support and try again.<\/div>';
        
        document.write(msg);
    }
        
    if (!ActiveXEnabledOrUnnecessary())
    {
        var msg = '<div>ActiveX appears to be disabled in your browser. ';
        msg += 'This web application requires Ajax technology to function properly. ';
        msg += 'In Internet Explorer versions earlier than 7.0, Ajax is implemented using ActiveX. ';
        msg += 'Please enable ActiveX in your browser security settings ';
        msg += 'or upgrade to a browser with Ajax support and try again.<\/div>';
        
        document.write(msg);
    }

-->
</script>
{/literal}
</div>
<script type="text/javascript">
{literal}
<!--
xajax.loadingFunction = function(){
 xajax.$('loadingMessage').style.display='block';};
 function hideLoadingMessage()
 {
    xajax.$('loadingMessage').style.display = 'none';
 }
xajax.doneLoadingFunction = hideLoadingMessage;
// -->{/literal}
</script>
<div id="message"></div>

<div id="logoTop"><a href="/"><img src="i/logo_top.gif" width="67" height="9" alt="{$site_title}" /></a></div>
<div id="menuTop"><a 
href="/index.php">Главная</a>&nbsp;&nbsp;<a 
href="#2" onclick="xajax_getTopic('2');">Новости</a>&nbsp;&nbsp;<a 
href="javascript:void(0);" onclick="">All products</a>&nbsp;&nbsp;<a 
href="javascript:void(0);" onclick="">Prices</a>&nbsp;&nbsp;<a 
href="javascript:void(0);" onclick="xajax_getTopic('7');">Скачать</a>&nbsp;&nbsp;<a 
href="#6" onclick="xajax_getTopic('6');">Ссылки</a>&nbsp;&nbsp;<!--a 
href="javascript:void(0);" onclick="">Forum</a>&nbsp;&nbsp;--><a 
href="javascript:void(0);" onclick="xajax_getTopic('8');">Контакты</a>&nbsp;&nbsp;</div>
<!--div id="imgContainer"><img src="i/cImgs/iapple_wallpaper_1.jpg" border="0"></div-->

<div id="Container"><div id="LinkContainer"><a href="#" id="PrevLink" onfocus="this.blur();" 
accesskey="[" title="&laquo; Previous" 
class="plainlink"><span>Previous</span></a><a href="#" id="NextLink" 
onfocus="this.blur();" accesskey="]" title="Next &raquo;" class="plainlink"><span>Next</span></a></div><div 
id="PhotoContainer"><img id="Photo" src="i/cImgs/1.jpg" alt="" /></div><div 
id="LoadContainer"><img id="LoadImg" src="images/slideshow/loading_ani2.gif" 
alt="Loading..." width="48" height="54" /></div>
</div>

<div id="chooseGoods"><h1>Choose a product</h1></div>
<div id="productMenu"><a href="#1001" onclick="xajax_getArticle('1001');"><img src="i/m_ipod.jpg" alt="" width="107" height="75" /></a><img src="/i/sp.gif" alt="" width="12" height="0" />
<a href="#MacPro" onclick="xajax_getArticle('1030');"><img src="i/m_macpro.jpg" alt="" width="107" height="75" /></a><img src="/i/sp.gif" alt="" width="12" height="0" />
<a href="#iMac" onclick="xajax_getArticle('1021');"><img src="i/m_imac.jpg" alt="" width="107" height="75" /></a><img src="/i/sp.gif" alt="" width="12" height="0" />
<a href="#MacMini" onclick="xajax_showPage('macMini');"><img src="i/m_macmini.jpg" alt="" width="107" height="75" /></a><img src="/i/sp.gif" alt="" width="12" height="0" />
<a href="#macBook" onclick="xajax_showPage('macBook');"><img src="i/m_macbook.jpg" alt="" width="107" height="75" /></a><img src="/i/sp.gif" alt="" width="12" height="0" />
<a href="#macBookPro" onclick="xajax_showPage('macBookPro');"><img src="i/m_macbookpro.jpg" alt="" width="106" height="75" /></a></div>

<div id="shoppingCart"></div>
<div id="contactUs"><a href="#contacts"><img src="i/contactUs.gif" alt="Contact us" width="52" height="6" /></a></div>

<div id="loadingMessage" style="font-size: 18px; display: none;">Loading...</div>
<!-- counter and caption -->
<!--p id="CaptionBlock"><span id="Counter"></span> <span id="Caption"></span></p-->





<!--div id="canvas"><img src="/i/ramka_button.gif"></div-->

<!-- div id="nextButton"><img src="/i/apple_button_next.gif" onclick="xajax_showIpod_2();" 
	onMouseOver="this.src='/i/apple_button_next_active.gif'"
	onMouseOut="this.src='/i/apple_button_next.gif'" alt="" border="0" /></div>
<div id="prevButton"><img src="/i/apple_button_prev.gif" onclick="xajax_showIpod();" 
	onMouseOver="this.src='/i/apple_button_prev_active.gif'"
	onMouseOut="this.src='/i/apple_button_prev.gif'" alt="" border="0" /></div -->

</body>
</html>